

/*grid style*/

table.grid {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	font-family: Tahoma;
	font-size: 10pt;
}


table.grid thead {
	background: -webkit-linear-gradient(center top , #F6F6F6 10%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #F6F6F6 10%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #F6F6F6 10%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #F6F6F6 10%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #F6F6F6 10%, #FFFFFF 100%) repeat scroll 0 0 transparent;

	-webkit-box-shadow: 0 0.09em 0.09em #D7D7D7;
	-moz-box-shadow: 0 0.09em 0.09em #D7D7D7;
	box-shadow: 0 0.09em 0.09em #D7D7D7;
	color: #666666;
	margin: 0;
}

table.grid .grid_head_css th {
	font-family: Georgia,'Times New Roman',Times,serif;
	font-size: 12px;
	padding: 6px;
	text-shadow: 0 1px 0 #FFFFFF;
}

table.grid tbody tr {
	background: none repeat scroll 0 0 #FFFFFF;
	height: 28px;
}

table.grid tbody tr:hover {
 
	background-color:#f5f5f5;
}

table.grid td {
	border: 1px solid #CCCCCC;
	padding: 3px;
}

table.gridResidentDisplay td {
	border: 1px solid #000;
}


table.grid tr.even td {
	background: none repeat scroll 0 0 #F1F1F1;
}

.data-details .pagination {
	text-align: center;
}

#pagination {
	font-family: Tahoma;
	font-size: 12px;
	 
	padding: 5px;
}

#pagination a {
	background: -webkit-linear-gradient(center top , #FFFFFF 0%, #FEFEFE 19%, #EEEEEE 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #FFFFFF 0%, #FEFEFE 19%, #EEEEEE 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #FFFFFF 0%, #FEFEFE 19%, #EEEEEE 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #FFFFFF 0%, #FEFEFE 19%, #EEEEEE 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #FFFFFF 0%, #FEFEFE 19%, #EEEEEE 100%) repeat scroll 0 0 transparent;
	text-decoration: none;
}

#pagination a,.pagination span {
	border: 1px solid #CCCCCC;

	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	color: #000000;
	display: inline-block;
	margin: 2px !important;
	padding: 5px 8px;
}

#pagination input {
	border: 0 none;
	font-family: Tahoma;
	font-size: 12px;
	height: 14px;
	margin: 2px;
	text-align: center;
	width: 32px;
}

#pagination span.spaninput {
	border: 1px solid #CCCCCC;

	-webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	color: #000000;
	display: inline-block;
	margin: 2px !important;
}

#pagination span.currentpage {
	background: -webkit-linear-gradient(center top , #F4F4F4 1%, #F4F4F4 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #F4F4F4 1%, #F4F4F4 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #F4F4F4 1%, #F4F4F4 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #F4F4F4 1%, #F4F4F4 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #F4F4F4 1%, #F4F4F4 50%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	border: 1px solid #191919;
	color: #191919;
	font-weight: bold;
	text-shadow: 0 1px 0 #FFFFFF;
}

#pagination a:hover {
	background: -webkit-linear-gradient(center top , #EEEEEE 0%, #FEFEFE 81%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #EEEEEE 0%, #FEFEFE 81%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #EEEEEE 0%, #FEFEFE 81%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #EEEEEE 0%, #FEFEFE 81%, #FFFFFF 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #EEEEEE 0%, #FEFEFE 81%, #FFFFFF 100%) repeat scroll 0 0 transparent;
}

.grid {
	background-color: #F9F9F9;
	border-color: #DFDFDF;
}

.grid img {
	padding: 5px;
}

.button,.submit input,.button-secondary {
	  -moz-box-sizing: content-box;
    background: -moz-linear-gradient(center top , #FFFFFF 0%, #CCCCCC 1%, #CCCCCC 100%) repeat scroll 0 0 transparent;
    border-color: #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #464646;
    cursor: pointer;
    padding: 5px 10px;
    font-weight:bold;
}

.button:hover {
	border-color: #666666;
	color: #000000;
}
/*customer form*/

.leftSidePanel {
    float: left;
    margin-right: 10px;
    width: 480px;
}
.rightSidePanel {
    float: left;
    width: 480px;
}
.break {
    clear: both;
    line-height: 0;
}
.formPanel {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #BACAE8;
    border-style: solid;
    border-width: 1px 1px 2px;
    margin-bottom: 10px;
     background: url("images/form1_bg.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #555BB9;
    border-radius: 5px 5px 5px 5px;
}
.formPanelHeader {
    background: url("../Images/Panels/FormPanelheader.png") repeat-x scroll left top transparent;
    font-weight: bold;
    padding: 5px 12px;
}
.formPanelContent {
    background-color: #FFFFFF;
    padding: 4px;
     background: url("images/form1_bg.png") repeat-x scroll 0 0 #FFFFFF;
    
}
.formView {
    width: 100%;
}
.detailsView {
    margin-bottom: 2px;
    width: 100%;
}
.detailsViewRow {
    background-color: #F7F7F7;
    padding: 4px 100px;
}
.detailsViewRow .detailsViewFieldHeader {
    background-color: #EBEEF0;
    border:1px solid #FFF;
    color: #333333;
    padding-left: 5px;
    padding-right: 5px;
    text-align: right;
    width: 35%;
}
.columnLeft {
    float: left;
}
.columnRight {
    float: right;
}
input {
    padding-left: 2px;
    padding-right: 2px;
}
.detailsView td {
    padding-bottom: 0px;
    padding-top: 0px;
    background-color: #FFFFFF;
    border:1px solid #DDDDDD;
}
.formPanelSubHeader {
    /*border-bottom: 1px solid #E6EEF8;*/
    font-weight: bold;
    margin: 0 15px 2px;
    padding-bottom: 2px;
    
}
select {
    border: 1px solid #DDDDDD;
    padding: 5px;
}

.formPanelSubHeader h1{
    border-bottom: 1px solid #E6EEF8;
    font-weight: bold;
    margin: 0 15px 2px;
    padding-bottom: 2px;
    
}
/*input.txt, textarea {
    background: url("images/txt.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #FFF;
    border-radius: 5px 5px 5px 5px;
    padding: 5px 2px;
    
}*/
form.basic .small-input {
    width: 25% !important;
}
form.basic .medium-input {
    width: 50% !important;
}
form.basic .large-input {
    width: 97% !important;
}
form.basic textarea {
    width: 60%;
}
form.basic small {
    color: #999999;
}
.error {
    color: #B70B0B;
}
input.error, textarea.error {
    background-image: url("../admin_images/txt-error.gif");
    border-color: #D35757;
}
.ttop {
    vertical-align: top !important;
}
input[type="file"] {
    -moz-appearance: none;
    -moz-binding: none;
    border-style: none !important;
    cursor: default;
    padding: 0 !important;
    white-space: nowrap;
}
.paging
{
	clear:both;
	display:inline;
	height:60px;
}
.viewpageinfo
{
	float:left; width:100px;
	height: 20px;
	padding-top:10px;
}
#pagination
{
	float:left;
}
.header h3
{
	padding:20px 0px 20px 0px;
}
#sidebar {
    background-color: #F5F5F5;
    border: 1px solid #E0E0E0;
    margin-bottom: 10px;
    width: 218px;
}
 

.sidebar_menu_title h5 {
    background-color: #d7e4f3;
    color: #000;
    height: 30px;
    line-height: 30px;
    padding-left: 10px;
    padding-top: 0;
    width: 208px;
}
.sidebar_menu_title li a {
    background-image: url('../images/sep2.gif');
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #666666;
    display: block;
    padding: 6px 0 6px 10px;
    position: relative;
    text-decoration: none;
    width: auto;
	top: 0px;
	left: 0px;
}

/*added by anam*/
.inner-form table
{
    background: url("images/form1_bg.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #555BB9;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    }
    .header h3
{
    background: url("images/form1_bg.png") repeat-x scroll 0 0 #FFFFFF;
    border: 1px solid #555BB9;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding:5px;
    font-size:20px;
    font-weight:bold;
    }
    